@charset "utf-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p {
    margin: 0;
    padding: 0;
}

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

body {
    color: #444;
    font-size: 12px;
    font-family: "Arial", "微软雅黑";
}

ul, ol {
    list-style: none;
}

img {
    max-width: 100%;
}

img, fieldset {
    vertical-align: top;
    border: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

address, cite, code, em, th {
    font-weight: normal;
    font-style: normal;
}

input, button, textarea, select {
    color: #444;
    font-family: "Open Sans";
    vertical-align: middle;
}

input:focus {
    outline: none;
}

textarea:focus {
    outline: none;
}

table {
    width: 100%;
    border: 0px;
    border-left: 1px #aaa solid;
    border-bottom: 1px #aaa solid;
}

table td {
    height: auto !important;
    padding: 10px !important;
    border: 0px !important;
    border-top: 1px #aaa solid !important;
    border-right: 1px #aaa solid !important;
}

table td input {
    margin-right: 6px;
}

a {
    color: #444;
    text-decoration: none;
    transition: 0.5s;
}

img {
    max-width: 100%;
}

.topp {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    animation: xx alternate 1s;
    animation-delay: 3s;
    animation-fill-mode: forwards;
}

@keyframes xx {
    0% {}
    100% {
        opacity: 1
    }
}

.topp p {
    background: rgba(0, 0, 0, 0.5);
    width: 120px;
    line-height: 30px;
    text-align: center;
}

/* 首页 */

.w1200 {
    max-width: 1420px;
    width: 100%;
    margin: 0 auto;
    background: no-repeat;
}

.w1200:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
}

.tiob {
    background: #000000;
    width: 100%;
}

.tiob_1 {
    background: url(../images/bejs.jpg) repeat-y;
    overflow: hidden;
}

.logo {
    float: left;
    margin: 35px 0px;
}

.sos {
    float: right;
    margin: 34px 0;
    position: relative;
}

.sos:hover .soss {
    display: block;
}

.soss {
    display: none;
    position: absolute;
    right: 0;
    top: 30px;
}

.mis_a {
    float: right;
    width: calc(100% - 430px);
}

.mis_a1 {
    float: right;
    margin: 10px 15px 10px 0;
    font-size: 18px;
}

/* 导航条 */

.dht {
    float: left;
    width: 70%;
    margin-top: 40px;
    margin-left: 10px;
}

.nav {
    position: relative;
    z-index: 999;
}

.nav a {
    color: #fff;
}

.nav .nLi {
    float: left;
    position: relative;
    display: inline;
    text-align: center;
    width: 12%;
    line-height: 40px;
    margin-right: 1%;
}

.nav .nLi h3 a {
    display: block;
    font-size: 17px;
}

.nav .sub {
    display: none;
    left: 0px;
    top: 41px;
    position: absolute;
    background: #525252;
    line-height: 35px;
    padding: 5px 0;
    width: 250px;
    text-align: left;
    font-size: 14px;
}

.nav .sub li {
    zoom: 1;
}

.nav .sub a {
    display: block;
    padding: 0 10px;
}

.nav .sub a:hover {
    background: #2c80d5;
}

.nav .on h3 a {
    background: #38393b;
    color: #fff;
    width: 99.5%;
    line-height: 40px;
    border-radius: 5px;
}

/* 搜索栏 */

.mis {
    float: left;
    margin-top: 44px;
}

.top_ss {
    width: 65px;
    height: 32px;
    background: url(../images/kuanj.png) center no-repeat;
    cursor: pointer;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.top_h.on .top_ss {
    background: url(../images/tuos.jpg) center no-repeat;
    height: 65px;
}

.ss_bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 118px;
    z-index: 1000;
    padding: 10px 0;
    background: #525252;
    display: none;
}

.top_h.on .ss_bg {
    top: 65px;
}

.ss_bg_w {
    width: 95%;
    max-width: 1200px;
    margin: auto;
    position: relative;
    padding-right: 40px;
}

.ss_gb {
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    background: url(../images/ss_gb.png) center no-repeat;
    background-size: 24px auto;
    cursor: pointer;
}

.ss_dw {
    width: 100%;
    position: relative;
}

.ss_dw input {
    display: block;
    font-size: 14px;
    line-height: 40px;
    color: #000;
    background: #fff;
    width: 100%;
    padding: 0 60px 0 24px;
    border-radius: 3px;
}

.ss_dw a {
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    background: url(../images/ss_dw.png) center no-repeat;
    background-size: 40px auto;
}

.ss_dw button {
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    background: url(../images/ss_dw.png) center no-repeat;
    background-size: 40px auto;
    border:0;
}
.ss_dw1 {
    margin: 20px 40px 0 40px;
    position: relative;
    width: 530px;
}

.ss_dw1 input {
    display: block;
    font-size: 14px;
    line-height: 40px;
    color: #000;
    background: #fff;
    width: 100%;
    padding: 0 60px 0 24px;
    border-radius: 3px;
}

.ss_dw1 a {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 44px;
    height: 44px;
    background: url(../images/ss_dw.png) center no-repeat;
    background-size: 40px auto;
}

/*手机导航*/

.sp_header {
    height: 50px;
    overflow: hidden;
    background: #facd89;
    position: fixed;
    z-index: 999;
    width: 100%;
}

.sp_logo {
    padding: 10px;
    float: left;
    height: 50px;
}

.sp_logo img {
    margin: auto;
    max-height: 30px;
}

.sp_nav {
    width: 52px;
    float: right;
    position: relative;
    cursor: pointer;
    height: 30px;
    margin-top: 50px;
    display: none;
}

.sp_nav span {
    display: block;
    background: #fff;
    width: 30px;
    height: 2px;
    position: absolute;
    left: 10px;
    transition: all ease 0.35s
}

.sp_nav span:nth-of-type(1) {
    top: 0px;
}

.sp_nav span:nth-of-type(2) {
    top: 10px;
}

.sp_nav span:nth-of-type(3) {
    top: 20px;
}

.sp_nav_se span:nth-of-type(1) {
    top: 10px;
    transform: rotate(45deg);
}

.sp_nav_se span:nth-of-type(2) {
    width: 0;
}

.sp_nav_se span:nth-of-type(3) {
    top: 10px;
    transform: rotate(-45deg)
}

.sjj_nav {
    position: fixed;
    z-index: 999;
    background: #eee;
    width: 100%;
    height: calc(100% - 104px);
    font-size: 14px;
    line-height: 40px;
    top: -100%;
    left: 0;
    overflow: auto;
    overflow-x: hidden;
    transition: top ease 0.35s;
}

.nav_show {
    top: 88px
}

.sjj_nav>ul>li:first-child {
    overflow: hidden;
    border-top: 0
}

.sjj_nav>ul>li:first-child>a {
    float: left;
    width: calc(100% - 70px)
}

.sjj_nav>ul>li:first-child .language {
    float: right;
    width: 70px;
    overflow: hidden;
    line-height: 30px;
    margin-top: 5px
}

.sjj_nav>ul>li:first-child .language a {
    width: 35px;
    float: left;
    border-left: 1px #ddd solid;
    text-align: center;
    color: #999;
}

.sjj_nav ul li i {
    position: absolute;
    top: 5px;
    right: 0px;
    border-left: 1px #ddd solid;
    height: 30px;
    padding: 0px 7px 0 7px;
}

.sjj_nav ul li i svg {
    transform: rotate(-90deg);
    transition: all ease 0.35s
}

.sjj_nav ul li .sjj_nav_i_se svg {
    transform: rotate(0deg);
}

.sjj_nav ul li {
    border-top: 1px #ddd solid;
    margin-left: 20px;
    position: relative;
    line-height: 40px;
    font-size: 14px;
}

.sjj_nav>ul>li:last-child {
    border-bottom: 1px #ddd solid;
}

.sjj_nav ul li ul {
    display: none
}

.sjj_nav ul li a {
    color: #666;
    width: 80%
}

.sjj_nav ul li ul li a {
    color: #999;
    display block;
    text-align: left;
}

.sjj_nav ul li i svg {
    width: 20px;
    height: 20px;
    fill: #555;
}

.sjj_nav ul li .sjj_nav_i_se svg {
    fill: #c9141e
}

.sjj_nav ul li ul li>ul {
    margin-left: 10px
}

/*中英*/

.zyw {
    float: left;
    font-size: 15px;
    margin-top: 40px;
    width: 120px;
    background: #38393b url(../images/CNen.png) no-repeat 10%;
    border-radius: 5px;
    text-indent: 40px;
    line-height: 40px;
}

.zyw_a {
    position: relative;
}

.zyw_a a {
    color: #fff;
    display: block;
}

.zyw_a:hover .zyws {
    display: block;
}

.zyws {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    background: #525252;
    width: 100%;
    z-index: 999;
}

.zyws p {}

.zyws p a {
    color: #fff;
    display: block;
}

.zyws p:hover {
    background: #2c80d5;
}

/*ce*/

.che {
    float: right;
    font-size: 12px;
    margin-top: 32px;
    width: 81px;
    background: url(../images/yundou.png) no-repeat;
    border-radius: 5px;
    text-align: center;
    line-height: 44px;
}

.che a {
    color: #fff;
    display: block;
}

.che h5 {
    margin-top: 5px;
}

/* 标题 */

.chps {
    overflow: hidden;
    text-align: center;
    margin-top: 60px;
}

.chps_1 {
    font-size: 30px;
    text-transform: uppercase;
    line-height: 40px;
}

.chps_2 {
    background: #e8e8e8;
    width: 50px;
    height: 5px;
    margin: 10px auto;
    overflow: hidden;
}

.chps_3 {
    font-size: 18px;
    color: #a3a3a3;
}

.bis {
    overflow: hidden;
    text-align: center;
    margin-top: 120px;
}

.bis_1 {
    font-size: 30px;
    text-transform: uppercase;
    line-height: 40px;
    color: #fff;
}

.bis_2 {
    background: #fff;
    width: 50px;
    height: 5px;
    margin: 10px auto;
    overflow: hidden;
}

/*方案滚动*/

.cpzh_yuo {
    overflow: hidden;
}

.ryzs_sa {
    padding: 2%;
}

.ryzs_img {
    line-height: 35px;
    font-size: 16px;
    color: #333 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ryzs_img_1 {
    color: #c4c4c4;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 20px;
    overflow: auto;
    height: 50px;
}

.ryzs_img_more {
    margin: 10px auto;
    width: 75px;
    background: #2c80d5;
    border-radius: 3px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
}

.ryzs_img_more a {
    color: #fff !important;
    display: block;
}

.ryzs_img_more:hover {
    color: #fff;
    background: #38393b;
}

/*解决方案*/

.sy_zs_img {
    padding: 0 15px;
    margin-top: 10px;
    margin-bottom: 2%;
    position: relative;
}

.sy_zs_img2 {}

.sy_zs_img2 ul {
    position: relative;
    width: 10000%;
}

.sy_zs_img2 ul li {
    float: left;
    width: 0.32%;
    margin-right: 0.02%;
    background: #fff;
    margin-bottom: 35px;
    box-shadow: 0 0 3px #7b7b7b;
}

.sy_zs_img2 ul li img {
    width: 446px;
    height: 253px;
}

.sy_zs_img2 ul li a img {
    transition: all .5s;
}

.sy_zs_img2 ul li:hover img {
    transform: scale(1.1);
}

.sy_zs_img2 ul li a {
    color: #333;
}

.sy_zs_img2 ul li:hover a {
    color: #F00;
}

.sy_zs_l, .sy_zs_r {
    position: absolute;
    top: 0%;
    width: 50px;
    height: 50px;
    cursor: pointer;
    margin-top: 15%;
}

.sy_zs_l {
    left: 0;
    background: rgba(0, 0, 0, 0.5) url(../images/hzhb_jt1_2.png) center no-repeat;
}

.sy_zs_r {
    right: 0;
    background: rgba(0, 0, 0, 0.5) url(../images/hzhb_jt2_2.png) center no-repeat;
}

.sy_zm_top {
    padding: 2%;
}

.sy_zm_top img {
    width: 100%;
}

.cps_sa {
    padding: 2%;
}

.cps_img {
    line-height: 35px;
    font-size: 16px;
    color: #fff !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
}

.cps_img:hover {
    display: block;
    background: #000;
    color: #fff;
}

.cps_img_1 {
    color: #c4c4c4;
    font-size: 12px;
    line-height: 20px;
    margin-top: 10px;
}

.sy_zs_img0 {
    overflow: hidden;
}

/*产品滚动*/

.shy_co {
    background: url(../images/ban.png) no-repeat;
    overflow: hidden;
    margin-top: 60px;
}

.item {
    width: 100%;
    float: left;
    background: #fff;
    position: relative;
}

.sh_dhta {
    overflow: hidden;
    margin-top: 10px;
}

.sh_dhta .hd {
    line-height: 50px;
    height: 50px;
    width: 100%;
    position: relative;
    font-size: 14px;
}

.sh_dhta .hd ul {
    float: left;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 32px;
    width: 100%;
    display: flex;
}

.sh_dhta .hd ul li {
    cursor: pointer;
    height: 50px;
    text-align: center;
    color: #fff;
    flex: 1;
    display: inline-block;
    background: #2c80d5;
    border-radius: 5px;
    margin: 0 0.5%;
}

.sh_dhta .hd ul li.on {
    height: 50px;
    background: #7fb3e5;
    color: #fff;
    border-radius: 5px;
}

.sh_dhta .bd {
    float: left;
    width: 100%;
}

.sh_dhta .bd .abst {
    line-height: 30px;
    font-size: 14px;
    margin: 30px 0 30px 0;
}

.cps_sa {
    padding: 2%;
}

.cps_img {
    line-height: 35px;
    font-size: 16px;
    color: #fff !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
}

.cps_img:hover {
    display: block;
    background: #000;
    color: #fff;
}

.cps_img_1 {
    color: #c4c4c4;
    font-size: 12px;
    line-height: 20px;
    margin-top: 10px;
}

.item .cps_pc {
    text-align: center;
    overflow: hidden;
    position: relative;
    padding-bottom: 75%;
}

.item a .cps_pc img {
    width: 100%;
    position: absolute;
    min-height: 100%;
    transition: all .5s;
}

.item:hover .cps_pc img {
    transform: scale(1.1);
}

.item:hover .cps_xi {
    display: block;
    transform: translateY(0)
}

.cps_xi {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(44, 128, 213, 0.8);
    text-align: center;
    display: none;
    transform: translateY(100%);
    transition: all 0.5s;
}

.cps_xi p {
    margin-top: 40%;
    font-size: 20px;
}

.item a .cps_xi {
    color: #fff !important;
}

/*视频*/

.shipa {
    background: url(../images/shp.jpg) no-repeat;
    overflow: hidden;
}

.cjsa_05 {
    position: relative;
}

.sy_jjfa_img {
    margin: 50px 0 80px 0;
    overflow: hidden;
    max-width: 1480px;
}

.sy_jjfa_img ul {
    width: 10000%;
    position: relative;
}

.sy_jjfa_img ul li {
    float: left;
    width: 0.32%;
    position: relative;
    overflow: hidden;
    margin: 0 0.02% 0 0;
    background: #eee;
}

.sy_jjfa_img ul li .sy_jjfa_img_t_vp {
    position: absolute;
    left: 0;
    top: 40%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
}

.sy_jjfa_img ul li .sy_jjfa_img_t {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.sy_jjfa_img ul li .sy_jjfa_img_t img {
    display: block;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.sy_jjfa_img ul li .sy_jjfa_img_t:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.sy_jjfa_img ul li .sy_jjfa_img_t p {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    font-size: 24px;
    line-height: 60px;
    color: #000;
    text-align: center;
    background: rgba(255, 255, 255, 0.8);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.sy_jjfa_img ul li .sy_jjfa_img_t:hover p {
    color: #fff;
    background: rgba(206, 12, 12, 0.5);
}

.sy_jjfa_qh {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -60px;
    height: 45px;
}

.sy_jjfa_l, .sy_jjfa_r {
    position: absolute;
    top: 0;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-size: 18px 30px !important;
    cursor: pointer;
}

.sy_jjfa_l {
    left: -60px;
    background: url(../images/sy_jjfa_l.png) center no-repeat;
}

.sy_jjfa_r {
    right: -60px;
    background: url(../images/sy_jjfa_r.png) center no-repeat;
}

.sy_jjfa_dd {
    width: 66px;
    padding-top: 15px;
    padding-left: 6px;
    overflow: hidden;
}

.sy_jjfa_dd span {
    cursor: pointer;
    margin-right: 6px;
    float: left;
    width: 14px;
    height: 14px;
    zoom: 1;
    border-radius: 100%;
    border: 2px solid transparent;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s
}

.sy_jjfa_dd span:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background: #0066cb;
    top: 2px;
    left: 2px;
    border-radius: 100%
}

.sy_jjfa_dd span.on, .sy_jjfa_dd span:hover {
    border: 2px solid #0066cb;
}

.sy_jjfa_img ul li .hzal_wb {
    padding: 5px;
    /*background: url(../images/hzal_bj1.png) right bottom no-repeat;*/
    transition: all 0.5s;
    overflow: hidden;
}

.sy_jjfa_img ul li:hover .hzal_wb {
    /*background: url(../images/hzal_bj2.png) right bottom no-repeat;*/
}

.sy_jjfa_img ul li .hzal_wb .hzal_wb_t {
    font-size: 17px;
    margin: 10px 0;
    line-height: 35px;
    text-align: center;
}

.sy_jjfa_img ul li .hzal_wb .hzal_wb_t a {
    color: #333;
    display: block;
    transition: all 0.5s;
}

.sy_jjfa_img ul li .hzal_wb .hzal_wb_t:hover a {
    color: #0066cb;
}

.sy_jjfa_img ul li:hover .hzal_wb .hzal_wb_t {
    color: #333;
}

.sy_jjfa_img ul li .hzal_wb .hzal_wb_b_a {
    overflow: hidden;
    margin: 20px 0;
}

.sy_jjfa_img ul li .hzal_wb .hzal_wb_b {
    padding: 0 6%;
    float: left;
    background: #0066cb;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
}

.sy_jjfa_img ul li .hzal_wb .hzal_wb_b a {
    color: #fff;
    display: block;
}

.sy_jjfa_img ul li .hzal_wb .hzal_wb_b:hover {
    background: #38393b;
}

.sy_jjfa_img ul li .hzal_wb .hzal_wb_c {
    color: #bcbcbc;
    float: right;
    line-height: 30px;
}

/*底部*/

.fott {
    width: 100%;
    background: #1d1d1d;
    padding: 3% 0 2% 0;
}

.fott_lswm {
    overflow: hidden;
    float: left;
    margin-left: 1%;
    width: 30%;
}

.fott_os {
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
}

.fott_xian {
    width: 50px;
    height: 2px;
    background: #fff;
}

.fott_lswm_1 {
    line-height: 30px;
    color: #a9a9a9;
    margin-top: 25px;
}

.fott_lmws {
    text-align: center;
    color: #fff;
    line-height: 30px;
}

.fott_lmws p {
    float: left;
    margin-right: 2%;
}

.fott_lmws p img {
    width: 150px;
    height: 150px;
}

.fott_sm {
    float: right;
    width: 65%;
}

.fott_sm ul {
    margin-left: -25px;
}

.fott_sm li {
    float: left;
    margin-left: 115px;
}

.tott_mw {
    overflow: hidden;
    margin-top: 25px;
    line-height: 30px;
}

.tott_mw p {
    margin-bottom: 2%;
}

.tott_mw p a {
    color: #a9a9a9;
    display: block;
}

.tott_mw p:hover a {
    color: #fff;
}

.foot {
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background: #2b2b2b;
    overflow: hidden;
}

.gsjj {
    line-height: 45px;
    margin-bottom: 20px;
}

.hme {
    height: 300px;
}

.hsmw {
    background: url(../images/bejs.jpg) no-repeat;
    overflow: hidden;
}

/*内页*/

.hmw {
    height: 500px;
}

.hmw p {
    display: none;
}

.ne_fu {
    overflow: hidden;
    background: #f4f4f4;
    min-height: 500px;
}

/*背景*/

/*内页导航*/

.nyes_dk {
    position: relative;
}

.nyes_dht {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #FFF;
    box-shadow: 0 0 4px #cbcbcb;
}

.nyes_dht ul {
    text-align: center;
    display: flex;
    width: 100%;
}

.nyes_dht li {
    display: inline-block;
    line-height: 60px;
    font-size: 14px;
    flex: 1;
}

.nyes_dht li a {
    color: #666;
    display: block;
}

.nyes_dht li a:hover {
    background: #000;
    color: #fff;
}

.oks a {
    background: #2c80d5;
    color: #fff !important;
    display: block;
}

.nu_dht {
    position: absolute;
    top: 60px;
    left: 0;
    background: #e2e2e2;
    width: 100%;
    display: none;
    z-index: 88;
}

.nu_dht dl {
    margin-left: -1%;
    padding: 0 1%;
}

.nu_dht dd {
    margin: 10px 0 10px 1%;
    line-height: 45px;
    text-align: center;
    border-radius: 5px;
    width: 24%;
    float: left;
}

.nu_dht dd a {
    display: block;
}

.nu_dht dd:hover a {
    color: #2c80d5;
    border-radius: 5px;
}

.nu_ao {
    background: #2c80d5 !important;
    border-radius: 5px;
}

.nu_ao a {
    color: #fff;
}

/*内页标题*/

.insidetitle {
    padding: 28px 0 9px;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}

.insidetitle p {
    float: right;
    padding-left: 26px;
    background: url(../images/icon03.jpg) left center no-repeat;
    font-size: 13px;
    color: #666;
    padding-top: 2px;
    line-height: 30px;
}

.insidetitle p a {
    color: #666;
}

.insidetitle p a.cur {
    color: #1a1a1a;
}

/*内页产品*/

.porduc {
    overflow: hidden;
}

.porduc ul {
    /* margin-left: -1%; */
    margin-top: 20px;
}

.porduc li {
    width: 32%;
    margin-left: 1%;
    float: left;
    background: #fff;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}

.porduc li .porduc_a {
    position: relative;
    overflow: hidden;
    padding-bottom: 75%;
}

.porduc li a .porduc_a img {
    transition: all .5s;
    width: 100%;
    height: auto;
}
.porduc_a img {width: 100%;position: absolute;z-index: 1;min-height: 100%;}

.porduc li:hover .porduc_a img {
    transform: scale(1.2);
}

.porduc li .porduc_b {
    line-height: 60px;
    font-size: 16px;
    color: #fff !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
}

.porduc li:hover .porduc_b {
    display: block;
}

.porduc li .porduc_c {
    margin: 10px 0;
    padding: 2%;
    line-height: 20px;
    color: #c4c4c4;
}

.porduc_d {
    background: #2c80d5;
    position: absolute;
    bottom: 0%;
    left: 0;
    color: #fff;
    width: 100%;
    height: 18%;
    text-align: center;
    z-index: 50;
    transition: all 0.5s;
    transform: translateY(100%)
}

.porduc li:Hover .porduc_d {
    transform: translateY(0)
}

.porduc_d p {
    margin: 20px 0 10px 0;
    line-height: 30px;
    font-size: 16px;
}

/*上一页*/

.zuoy {
    font-family: Arial;
    text-align: center;
    clear: both;
    color: #fff;
    margin-bottom: 20px;
}

.zuoy_ks {
    width: 120px;
    display: inline-block;
    background: #eeeeee;
    line-height: 35px;
    border-radius: 5px;
}

.zuoy_ks a {
    display: block;
}

.zuoy_ks:hover a {
    background: #000;
    color: #fff;
    border-radius: 5px;
}

.zuoy_mi {
    width: 50px;
    display: inline-block;
    background: #2c80d5;
    line-height: 35px;
    border-radius: 5px;
}

.goyo_nei {
    overflow: hidden;
    margin: 30px 0 30px 0;
    background: #fff;
}

.goyo_neidu {
    overflow: hidden;
    margin: 50px 0;
}

/*产品详情*/

.cpxq_t_l {
    float: left;
    width: 30%;
    margin: 10px 0 0 10px;
}

.sp-wrap {
    display: none;
    line-height: 0;
    font-size: 0;
    position: relative;
}

.sp-thumbs {
    width: 100%;
}

/*  */

.sp-thumbs {
/*    width: 925px;
    position: absolute;
    left: 450px;
    bottom: 30px; */
}

.sp-thumbs img {
    width: 100%;
}

.sp-thumbs a:link, .sp-thumbs a:visited {
    margin: 0 0.5%;
    width: 101px;
    height: 101px;
    border: 1px #eaeaea solid;
    overflow: hidden;
    opacity: .3;
    display: inline-block;
    background-size: cover;
    background-position: center;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.sp-thumbs a:hover {
    opacity: 1;
}

.sp-thumbs a:active, .sp-current {
    opacity: 1!important;
    position: relative;
}

.sp-large {
    position: relative;
    overflow: hidden;
    width: 100% !important;
    margin: 0 0 2% 0;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}

.sp-large a {
    display: block;
}

.sp-zoom {
    position: absolute;
    left: -50%;
    top: -50%;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
    display: none;
}

.sp-zoom img {
    max-width: none;
}

.sp-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, .9);
    z-index: 500;
    display: none;
    cursor: pointer;
}

.sp-lightbox img {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 90%;
    max-height: 90%;
    border: 2px solid #fff;
}

#sp-prev, #sp-next {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    z-index: 501;
    color: #fff;
    padding: 14px;
    text-decoration: none;
    background: #000;
    border-radius: 25px;
    border: 2px solid #fff;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    transition: .2s;
}

#sp-prev {
    left: 10px;
}

#sp-prev:before {
    content: '';
    border: 7px solid transparent;
    border-right: 15px solid #fff;
    position: absolute;
    top: 16px;
    left: 7px;
}

#sp-next {
    right: 10px;
}

#sp-next:before {
    content: '';
    border: 7px solid transparent;
    border-left: 15px solid white;
    position: absolute;
    top: 16px;
    left: 18px;
}

#sp-prev:hover, #sp-next:hover {
    background: #444;
}

@media screen and (max-width: 400px) {
    .sp-wrap {
        margin: 0 0 15px 0;
    }
    #sp-prev, #sp-next {
        top: auto;
        margin-top: 0;
        bottom: 25px;
    }
}

.prodetailtxt {
    float: right;
    width: 65%;
    color: #1a1a1a;
    line-height: 25px;
    margin-top: 6%;
    margin-right: 2%;
}

.prodetailtxt h2 {
    font-size: 20px;
    border-bottom: 1px solid #dadada;
    padding: 20px 0 15px;
}

.protxt {
    padding: 15px 0;
    border-bottom: 1px solid #dadada;
    margin-bottom: 30px;
    word-break: break-all;
}

.protxt p {
    padding: 0 19px;
    /*background:url(../webimages/icon06.jpg) left 15px no-repeat;*/
    margin-left: 0 !important;
    color: #a5a5a5;
}

.protxt p span {
    font-size: 14px !important;
    color: #1a1a1a;
    line-height: 24px !important;
    display: block;
    padding: 6px 0;
}

.xiaz {
    float: right;
    width: 55%;
}

.xiaz_1 {
    font-size: 18px;
    border-bottom: 1px solid #dadada;
    line-height: 40px;
}

.xiaz_2 {
    position: relative;
    padding: 10px;
    text-indent: 40px;
    border-bottom: 1px dotted #dadada;
    margin-top: 10px;
}

.xiaz_2:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/pr_xa.png) no-repeat;
    width: 40px;
    height: 40px;
}

/*产品转换*/

.cp {
    width: 100%;
    background: #fff;
    overflow: hidden;
}

.cp_5 {
    overflow: hidden;
    margin-top: 10px;
}

.cp_5 .hd {
    line-height: 50px;
    height: 50px;
    width: 100%;
    position: relative;
    font-size: 14px;
    background: #f2f2f2;
    border-radius: 5px 5px 0 0;
}

.cp_5 .hd ul {
    float: left;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 32px;
    width: 100%;
    display: flex;
}

.cp_5 .hd ul li {
    cursor: pointer;
    height: 50px;
    text-align: center;
    color: #464646;
    flex: 1;
    display: inline-block;
}

.cp_5 .hd ul li.on {
    height: 50px;
    background: #2c80d5;
    color: #fff;
    border-radius: 5px 5px 0 0;
}

.cp_5 .bd {
    float: left;
    width: 100%;
}

.cp_5 .bd .abst {
    padding: 10px;
    line-height: 30px;
    font-size: 14px;
    margin: 30px 0;
}

.list_box {}

.duw {
    text-align: center;
}

.list_box table {
    border-left: 1px solid #CCC;
    border-top: 1px solid #CCC;
    background: #FFF;
}

.list_box td {
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    height: 50px;
    padding: 0 10px;
}

.list_box td .more {
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #2e81d1;
    font-size: 12px;
    padding: 0 20px;
}

.list_box td .more a {
    color: #FFF;
    display: block;
}

.list_box td .more a:hover {
    color: #FFF;
    display: block;
    text-decoration: none;
}

/*解决方案*/

.sulutilist {
    margin: 0 1%;
    overflow: hidden;
    padding: 1%;
}

.sulutilist dl {
    overflow: hidden;
    margin: 20px 0;
    background: #f1f1f1;
}

.sulutilist dl a {
    display: block;
}

.sulutilist dl:hover {
    box-shadow: 0px 0px 10px #a5a5a5;
}

.sulutilist dl .sulutilist dt {
    float: right;
    width: 600px;
    background: #fff;
    padding: 5px;
    margin: 5px;
    text-align: center;
    border: 1px solid #eee;
    overflow: hidden;
}

.sulutilist dl .sulutilist dt img {
    width: auto;
    height: auto;
    transition: all .5s;
}

.sulutilist dl:hover .sulutilist dt img {
    transform: scale(1.1);
}

.sulutilist dd {
    float: left;
    color: #666;
    margin: 90px 30px 0 30px;
    width: calc(100% - 697px);
}

.sulutilist .sul_mi {
    background: #2c80d5;
    width: 300px;
    line-height: 50px;
    font-size: 18px;
    text-align: center;
    color: #fff;
}

.sulutilist .sul_mi1 {
    margin: 25px 0;
    font-size: 16px;
    line-height: 30px;
    color: #c2c2c2;
}

.sulutilist .more {
    width: 120px;
    text-align: center;
    line-height: 35px;
    border: 1px solid #929292;
}

.sulutilist .more a {
    color: #333;
    display: block;
}

.sulutilist .more:hover {
    background: #fff;
}

.sulutilist_xian {
    border-bottom: 1px dashed #e0e0e0;
    overflow: hidden;
    margin: 10px 0;
}

.sulutilist_zu {
    float: left !important;
}

.sulutilist dt {
    float: right;
    width: 600px;
    background: #fff;
    padding: 5px;
    margin: 5px;
    text-align: center;
    border: 1px solid #eee;
    overflow: hidden;
}

.soluw_ney {
    overflow: hidden;
    padding: 0 2%;
}

.soluw_ney_zi {
    overflow: hidden;
    margin-top: 60px;
    font-size: 30px;
    text-align: center;
}

.soluw_ney_xian {
    border: 1px solid #eeeeee;
    margin: 10px 0 20px 0%;
    overflow: hidden;
}

.soluw_ney_nei {
    line-height: 30px;
    margin-bottom: 20px;
    color: #888;
    font-size: 16px;
}

.sowa_q1 {
    overflow: hidden;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    color: #cfcfcf;
}

.bshare {
    overflow: hidden;
    line-height: 30px;
    margin-top: 30px;
}

.bshare_1 {
    float: right;
    width: 150px;
}

.bshare span {
    float: left;
    font-size: 18px;
    color: #cfcfcf;
}

.bshare dl {
    text-align: right;
}

.bshare dd {
    float: left;
    width: 30px;
    margin-left: 5px;
}

.bshare dd img {
    width: 30px;
    height: auto;
}

.mska_losa {
    overflow: hidden;
    margin-bottom: 30px;
    background: #eee;
    line-height: 40px;
}

.mska_losa .mska_losa_1 {
    width: 50%;
    float: left;
    text-indent: 25px;
}

.mska_losa .mska_losa_2 {
    width: 50%;
    float: right;
    text-indent: 25px;
}

/*下载*/

.download {
    overflow: hidden;
    padding: 2%;
}

.download_dht {}

.download_dht ul {
    border-bottom: 1px solid #eee;
}

.download_dht li {
    display: inline-block;
    line-height: 50px;
    padding: 0 2%;
}

.download_dht li a {
    display: block;
}

.download_dht li:hover a {
    color: #2c80d5;
}

.download_neyon {
    overflow: hidden;
    padding: 20px 40px;
}

/*业务咨询*/

.yem {
    overflow: hidden;
    padding: 2%;
}

.yem_1 {
    font-size: 25px;
    font-weight: bold;
}

.yem_2 {
    margin-top: 20px;
    font-size: 20px;
}

.yem_xian {
    margin-top: 30px;
    border-bottom: 1px solid #eee;
}

.yem_kun {
    margin-top: 30px;
    overflow: hidden;
}

.yem_kun ul {
    margin-left: -1%;
}

.yem_kun li {
    width: 24%;
    margin-left: 1%;
    border: 1px solid #eee;
    margin-bottom: 20px;
    float: left;
    position: relative;
}

.yem_kun li .yem_kun_tu {
    margin: 10px auto 0 auto;
    text-align: center;
}

.yem_kun li .yem_kun_tu img {
    width: 300px;
    height: auto;
}

.yem_kun li .yem_kun_tuu {
    padding: 0 2%;
}

.yem_kun li .yem_kun_tuu .yem_kun_mi {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    margin: 20px 0;
}

.yem_kun li .yem_kun_tuu .yem_kun_ne {
    line-height: 25px;
    margin: 0 0 15px 0;
    width: 100%;
    float: left;
}

.yem_kun li .yem_kun_tuu .yem_kun_ne .yem_kun_ne_1 dl {
    margin-left: -1%;
    display: flex;
    justify-content: center;
}

.yem_kun li .yem_kun_tuu .yem_kun_ne .yem_kun_ne_1 dd {
    float: left;
    margin: 0 3.333%;
    width: 11.11%;
    text-align: center;
    height: 40px;
}
.yem_kun li .yem_kun_tuu .yem_kun_ne .yem_kun_ne_1 dd:nth-child(1) {
    margin-left: 0;
}
.yem_kun li .yem_kun_tuu .yem_kun_ne .yem_kun_ne_1 dd:nth-last-child(1) {
    margin-right: 0;
}
.yem_kun li .yem_kun_tuu .yem_kun_ne .yem_kun_ne_1 img {
    width: 35px;
    height: auto;
}

.yem_kun li .yem_kun_tuu .yem_kun_ne .yem_kun_ne_1 dd:hover .yem_dh1 {
    /* display: block; */
}

/*.yem_kun li .yem_kun_tuu .yem_kun_ne .yem_kun_ne_1 dd:hover .yem_dh1 { opacity:1; top:0;}*/

.yem_kun_ne_1 dd i {
    display: block;
}

.yem_kun li .yem_kun_tuu .yem_kun_ne .yem_dh1 {
    display: none;
    background: rgba(44, 128, 213, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    width: 100%;
    height: 55%;
    text-align: center;
    z-index: 50;
    /* transition: all 0.5s; */
}

.yem_dh1_0 {
    font-size: 18px;
    margin-top: 19.9%;
}

.yem_dh1_0 a {
    color: #fff;
}

.yem_dh1_1 {
    margin-top: 8%;
    font-size: 16px;
}

.yem_dh1_1 img {
    width: 80px !important;
    height: auto;
}

.he {
    background: rgba(184, 3, 3, 0.8) !important;
}

.wei {
    background: rgba(26, 211, 6, 0.8) !important;
}

.meiw {
    background: rgba(3, 137, 60, 0.8)!important;
}

.cpb_fw li .cp_bei {
    position: absolute;
    left: 0;
    top: 100%;
    opacity: 0;
    background: rgba(1, 130, 215, 0.6);
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}

.cpb_fw li:hover .cp_bei {
    opacity: 1;
    top: 0;
}

/*HDCE*/

.dlpb_a {
    overflow: hidden;
    margin: 30px auto;
    width: 80%;
}

.blpb_4 {
    width: 48%;
    float: left;
    margin: 0 1%;
}

.blpb_4_a {
    line-height: 40px;
    font-size: 16px;
    color: #4b4b4b;
}

.blpb_5 {
    width: 98%;
    float: left;
    margin: 0 1%;
}

.dlpb_a input {
    display: block;
    line-height: 40px;
    border: 0;
    margin-bottom: 10px;
    width: 100%;
    padding-top: 5px;
    text-indent: 10px;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
}

.dlpb_a .file {
    text-align: left !important;
    color: #C0C0C0;
    background: #fff;
}

.dlpb_a input::-webkit-input-placeholder {
    color: #C0C0C0;
    font-size: 14px;
}

.dlpb_a textarea {
    line-height: 40px;
    background: #444444;
    border: 0;
    text-indent: 10px;
    width: 100%;
    border: 1px solid #e4e4e4;
    border-radius: 5px
}

.dlpb_a textarea::-webkit-input-placeholder {
    color: #C0C0C0;
    font-size: 14px;
}

.dlpb_a .tjp {
    margin-bottom: 20px;
    background: #2c80d5;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    margin-top: 20px;
    float: left;
    width: 20%;
    margin-left: 1%;
    border-radius: 5px
}

.dlpb_a .tjp a {
    color: #fff;
    display: block;
}

.dlpb_a .tjp:hover {
    background: #000;
}

.dlpb_a_a {
    overflow: hidden;
    margin: 30px auto;
    width: 80%;
    border: 1px solid #eee;
    padding: 2%;
}

.dlpb_a_zi {
    font-size: 18px;
    margin-top: 15px;
}

.dlpb_a_zi_1 {
    font-size: 23px;
    margin: 15px 0;
    color: #cacaca;
}

.dlpb_a_zi_xian {
    border-bottom: 1px dashed #eee;
}

.misw {
    width: 45%;
    float: left;
}

.misw_1 {
    width: 54%;
    float: right;
}

.dlpb_a_zi_z {
    border: 1px solid #eee;
    margin-top: 10px;
}

.dlpb_a_zi_z {
    opacity: 0;
    animation: xx alternate 0.3s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    z-index: 999;
}

/*HDCE*/

.dlpb_a {
    overflow: hidden;
    margin: 30px auto;
    width: 80%;
}

.blpb_4 {
    width: 48%;
    float: left;
    margin: 0 1%;
}

.blpb_4_a {
    line-height: 40px;
    font-size: 16px;
    color: #4b4b4b;
}

.blpb_5 {
    width: 98%;
    float: left;
    margin: 0 1%;
}

.dlpb_a input {
    display: block;
    line-height: 40px;
    border: 0;
    margin-bottom: 10px;
    width: 100%;
    padding-top: 5px;
    text-indent: 10px;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
}

.dlpb_a .file {
    text-align: left !important;
    color: #C0C0C0;
    background: #fff;
}

.dlpb_a input::-webkit-input-placeholder {
    color: #C0C0C0;
    font-size: 14px;
}

.dlpb_a textarea {
    line-height: 40px;
    background: #444444;
    border: 0;
    text-indent: 10px;
    width: 100%;
    border: 1px solid #e4e4e4;
    border-radius: 5px
}

.dlpb_a textarea::-webkit-input-placeholder {
    color: #C0C0C0;
    font-size: 14px;
}

.dlpb_a .tjp {
    margin-bottom: 20px;
    background: #2c80d5;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    margin-top: 20px;
    float: left;
    width: 20%;
    margin-left: 1%;
    border-radius: 5px
}

.dlpb_a .tjp a {
    color: #fff;
    display: block;
}

.dlpb_a .tjp:hover {
    background: #000;
}

.dlpb_a_a {
    overflow: hidden;
    margin: 30px auto;
    width: 80%;
    border: 1px solid #eee;
    padding: 2%;
}

.dlpb_a_zi {
    font-size: 18px;
    margin-bottom: 20px;
}

.dlpb_a_jieg {
    font-size: 14px;
    line-height: 30px;
}

/*视频*/

.shipin {
    overflow: hidden;
    padding: 1% 40px;
}

.shipin ul {
    margin-left: -1%;
}

.shipin li {
    width: 32.33%;
    float: left;
    box-shadow: 0 0 3px #7b7b7b;
    margin-left: 1%;
    margin-bottom: 20px;
}

.shipin_1 {
    position: relative;
}

.shipin_ps {
    position: 2%;
}

.shipin_vp {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
}

.shipin_2 {
    line-height: 40px;
    font-size: 14px;
}

.shipin_3_a {
    overflow: hidden;
    margin: 10px 0;
    padding: 0 2%;
}

.shipin_3 {
    width: 120px;
    background: #0066cb;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
}

.shipin_3 a {
    color: #fff;
    display: block;
}

.shipin_3:hover {
    background: #38393b;
}

.shipin_4 {
    color: #bcbcbc;
    float: right;
    line-height: 30px;
}

/*视频*/

.shipin {
    overflow: hidden;
    padding: 1% 40px;
}

.shipin ul {
    margin-left: -1%;
}

.shipin li {
    width: 32.33%;
    float: left;
    box-shadow: 0 0 3px #7b7b7b;
    margin-left: 1%;
    margin-bottom: 20px;
}

.shipin_1 {
    position: relative;
}

.shipin_ps {
    padding: 2%;
}

.shipin_ps img {
    width: 100%;
    height: 253px;
}

.shipin li .shipin_vp {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
}

.shipin li .shipin_vp img {
    transition: all .5s;
}

.shipin li .shipin_vp:hover img {
    transform: scale(1.6);
}

.shipin_2 {
    line-height: 40px;
    font-size: 14px;
    text-align: center;
}

.shipin_3_a {
    overflow: hidden;
    margin: 10px 0;
    padding: 0 2%;
}

.shipin_3 {
    width: 120px;
    margin: 0 auto;
    background: #0066cb;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
}

.shipin_3 a {
    color: #fff;
    display: block;
}

.shipin_3:hover {
    background: #38393b;
}

.shipin_4 {
    color: #bcbcbc;
    float: right;
    line-height: 30px;
    display: none;
}

/*常见*/

.cjw {
    overflow: hidden;
    padding: 2%;
}

.cjw ul {}

.cjw li {
    overflow: hidden;
    background: #f7f7f7;
    margin-bottom: 15px;
}

.cjw li a {
    display: block;
}

.cjw li:hover {
    color: #2c80d5;
    box-shadow: 2px 2px 5px #a5a5a5;
}

.cjw li .cjw_tu {
    float: left;
    border: 1px solid #eee;
}

.cjw li .cjw_tu img {
    width: 270px;
    height: auto;
}

.cjw li .cjw_tu_zm {
    width: calc(100% - 300px);
    float: right;
}

.cjw li .cjw_tu_zm .cjw_tu_zm0 {
    margin: 20px 0;
    font-weight: bold;
    font-size: 18px;
}

.cjw li .cjw_tu_zm .cjw_tu_zm2 {
    line-height: 30px;
    color: #888;
    font-size: 14px;
}

/*新闻*/

.news {
    margin: 0px 2%;
    overflow: hidden;
}

.news ul {}

.news li {
    margin: 40px 0;
    overflow: hidden;
    width: 100%;
    padding: 2%;
    border-bottom: 1px solid #cacaca;
}

.news li a {
    color: #333;
    display: block;
}

.news li:hover {
    box-shadow: 0 0 1px #cacaca;
}

.news li:hover a {
    color: #0257ac
}

.news_1 {
    float: left;
    width: 120px;
}

.news_1 .news_1_da {
    font-size: 40px;
}

.news_1 .news_2_da {}

.news_1 .news_3_da {
    margin-top: 20px;
    text-align: center;
    border-top: 1px solid #eaeaea;
    line-height: 25px;
}

.news_2 {
    width: calc(100% - 160px);
    float: right;
}

.news_2 .news_2_2wz {
    font-size: 20px;
}

.news_2 .news_2_3wz {
    margin-top: 10px;
    line-height: 30px;
    color: #CCC;
}

.nes_0 {
    width: calc(100% - 300px);
    float: left;
}

.news_3 {
    width: 250px;
    float: right;
}

.news_3 img {
    width: 250px;
    height: auto;
}

/*公司简介*/

.aok {
    margin: 2%;
    overflow: hidden;
    min-height: 300px;
}

.aok .aok_ao_1 {
    font-size: 20px;
    color: #555;
    margin: 1% 0;
    font-weight: bold;
}

.aok .aok_ao {
    float: left;
    line-height: 34px;
    font-size: 16px;
    /* width: 53%; */
}

.aok .aoks {
    width: 45%;
    float: right;
    margin-left: 35px;
    margin-bottom: 15px;
}

.aok .aoks img {
    height: 600px;
    float: right;
}

.fzls {
    overflow: hidden;
    padding: 2%;
}

.fzls_1 {
    font-size: 30px;
    color: #2c80d5;
}

/*发展历程*/

.fzlc {
    overflow: hidden;
    margin: 30px 0;
    position: relative;
}

.fzlc_wei {
    width: 1px;
    height: 1000000px;
    background: #c4c4c4;
    position: absolute;
    top: 0;
    left: 250px;
}

.fzlc dl {
    overflow: hidden;
    padding: 0px 20px;
}

.fzlc .beaq {
    background: #eee;
}

.fzlc dd {
    font-size: 35px;
    float: left;
    margin-top: 30px;
    margin-bottom: 30px;
}

.fzlc dt {
    float: right;
    width: calc(100% - 280px);
}

.fzlc dt .fzlc_a {
    float: left;
    width: 60%;
    margin-top: 30px;
    line-height: 25px;
    margin-bottom: 30px;
}

.fzlc dt .fzlc_tu {
    float: right;
    margin: 10px 0;
}

.fzlc dt .fzlc_tu img {
    width: 350px;
    height: auto;
}

.fzls_012 {
    border-top: 1px solid #c4c4c4;
    line-height: 25px;
}

/*公司环境*/

.huanjin {
    overflow: hidden;
    padding: 1%;
}

.huanjin ul {
    margin-left: -1%;
}

.huanjin li {
    width: 32.33%;
    float: left;
    box-shadow: 0 0 3px #7b7b7b;
    margin-left: 1%;
    margin-bottom: 20px;
    line-height: 45px;
    text-align: center;
    overflow: hidden;
}

.huanjin li img {
    width: 454px;
    height: 300px;
    transition: all .5s;
}

.huanjin li:hover img {
    transform: scale(0.9);
}

.huanjin li p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 10px;
}

.huanjin li p a {
    display: block;
}

.huanjin li:hover p {
    background: #eee;
}

/*解决*/

.muw_a1 {
    overflow: hidden;
    padding: 0 40px;
}

.muw_a1 ul {
    margin-left: -1%;
}

.muw_a1 li {
    border: 1px solid #eee;
    width: 49%;
    float: left;
    margin-left: 1%;
    padding: 1%;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}

.muw_a1 li:hover {
    box-shadow: 2px 2px 5px #a5a5a5;
}

.muw_a1 li .muw_a1_a img {
    width: 740px;
    height: auto;
}

.muw_a1 li .muw_a1_b {
    font-size: 20px;
    text-align: center;
    line-height: 50px;
    background: #efefef;
    color: #333;
}

.muw_a1 li .muw_a1_c {
    position: absolute;
    left: 0;
    top: 100%;
    opacity: 0;
    transition: all 0.5s;
    width: 100%;
    height: 100%;
    background: rgba(44, 128, 213, 0.9);
    padding: 15% 10%;
    color: #fff;
}

.muw_a1 li:hover .muw_a1_c {
    opacity: 1;
    top: 0px;
}

.muw_a1 li .muw_a1_c .muw_a1_c_1 {
    font-size: 25px;
}

.muw_a1 li .muw_a1_c .muw_a1_c_2 {
    margin: 10px 0;
    font-size: 14px;
    line-height: 25px;
}

.muw_a1 li .muw_a1_c .muw_a1_c_more {
    border: 1px solid #fff;
    text-align: center;
    line-height: 35px;
    width: 150px;
}

.muw_a1 li .muw_a1_e {
    width: 120px;
    line-height: 35px;
    background: #2c80d5;
    text-align: center;
    border-radius: 5px;
    color: #fff;
}

/*内页栏目*/

.sec-menu {
    position: relative;
    margin-top: 30px;
}

.scroll-nav {
    position: relative;
    padding: 0 40px;
}

.scroll-nav a {
    position: relative;
    display: block;
    text-align: center;
    font-size: 14px;
    color: #666;
    line-height: 40px;
    border-radius: 30px;
}

.scroll-nav a::after, .pro-nav a::after {
    display: none;
    z-index: 4;
    position: absolute;
    content: '';
    width: 0;
    height: 0px;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    border-bottom: solid 10px white;
    bottom: -15px;
    left: 50%;
    margin-left: -5px;
}

.scroll-nav a.on {
    color: white;
    background: #2c80d5;
}

.scroll-nav a.on::after, .pro-nav a.on::after {
    display: block;
}

.scroll-nav .menu-arrow {
    display: none;
    position: absolute;
    z-index: 3;
    background: none;
    font-size: 20px;
    color: #333;
    line-height: 40px;
    width: 40px;
    text-align: center;
    top: 0;
    margin-top: 0;
    font-weight: bolder;
}

.scroll-nav .menu-prev {
    left: 0px;
}

.scroll-nav .menu-next {
    right: 0px;
}

.scroll-nav .swiper-container {
    padding-bottom: 15px;
}

.three-list {
    /*position: absolute;*/
    width: 100%;
    top: 100%;
    left: 0;
    display: none;
    z-index: 3;
}

.three-pad {
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    background: white;
    overflow: hidden;
    padding: 5px;
    border-radius: 25px;
    width: 100%;
    text-align: center;
}

.three-list a {
    float: none;
    display: initial;
    padding: 0 20px;
    font-size: 12px;
    color: #666;
    line-height: 40px;
    text-align: center;
}

.three-list.on {
    display: block;
}

.three-pad a.on {
    background-color: #6bc539;
    border-radius: 30px;
}

/*在线留言*/

.khly_z {
    float: left;
    width: 518px;
}

.khly {
    float: right;
    width: calc(100% - 525px);
    margin-top: 6px;
}

.khly ul {
    margin: 0px 0 0 -7%;
}

.khly ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
}

.khly ul li {
    width: 92%;
    float: left;
    margin: 0 0 1% 7%;
    border: 1px #eaeaea solid;
}

.khly ul li .input_txt {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: none;
    background: none;
    font-size: 13.9px !important;
    text-indent: 9px;
    color: #666666;
}

.khly ul .textarea {
    width: 92%;
    margin: 0% 0 0 7%;
    font-size: 12px !important;
}

.khly ul li textarea {
    width: 100%;
    height: 90px;
    border: none;
    background: none;
    margin-top: 9.99px;
    text-indent: 9.99px;
}

.khly .more {
    width: 99.5%;
    overflow: hidden;
    margin-top: 20px;
    margin-left: 4px;
}

.khly .more .input_btn {
    width: 99%;
    color: #fff;
    font-size: 16px;
    line-height: 46px;
    text-align: center;
    border: none;
    background: #2c80d5;
}

/*人才招聘*/

.xwzx {
    margin-top: 30px;
    padding: 0 1% 1% 1%;
}

.xwzx ul {}

.xwzx li {
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    border: 1px #ddd solid;
    border-radius: 4px;
}

.xwzx li .xwzx_bt {
    color: #333;
    font-size: 18px;
    line-height: 40px;
    padding: 8px 15px;
    overflow: hidden;
    background: #ededed url(../images/quan1.png) no-repeat 98%;
}

.xwzx li .xwzx_bts {
    background: #ededed url(../images/quan.png) no-repeat 98%;
    display: block;
}

.xwzx li .xwzx_wz {
    color: #666;
    width: 100%;
    padding: 20px 15px;
    background: #fff;
    border-top: 1px #ddd solid;
    display: none;
}

.xwzx li:first-child .xwzx_wz {
    display: block;
}

.xwzs_misa {
    overflow: hidden;
}

.xwzs_misa dl {}

.xwzs_misa dd {
    width: 33.33%;
    text-align: center;
    line-height: 40px;
    float: left;
    font-size: 18px;
    border: 1px solid #dddddd;
}

.xwzs_misa_a {
    margin-top: 10px;
    overflow: hidden;
    line-height: 30px;
    font-size: 16px;
}

/* 分页 */

.pagination {
    text-align: center;
    margin-bottom: 19.9px;
}

.pagination li {
    display: inline-block;
    background: #EEEEEE;
    margin-left: 1.5px;
    margin-right: 1.5px;
}

.pagination li a, .pagination li span {
    display: block;
    width: 50px;
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
    color: #333333;
}

.pagination li.active span, .pagination li a:hover {
    background: #3C80D5;
    color: white;
}
.hidden {
    display: none;
}

/*新增分页样式*/
.pagination {display: flex;justify-content: center;align-items: center;font-size: 16px;font-weight: bold;}
.pagination a{display: inline-block;padding: 8px 16px;margin: 0 4px;color: #666;background-color:#ddd;border-radius: 4px;text-decoration: none;transition: all 0.3s ease-in-out;}
.pagination a:hover {background-color:#007bff;color: #fff;}
.pagination .page-num-current{background-color:#007bff;color: #fff;}
.current {background-color: #007bff;color: #fff;}
.prev,.next {display: inline-block;padding: 8px 16px;margin: 0 4px;color: #666;border-radius: 4px;text-decoration: none;transition: all 0.3s ease-in-out;}
.prev:hover,.next:hover {background-color: #ddd;}